<template>
	<div>
		<so-header :title="title"></so-header>
		<div class="container has-footer">
			<mt-cell title="Toast" to="/toast" is-link></mt-cell>
			<mt-cell title="Message Box" to="/msgbox" is-link></mt-cell> 
			<mt-cell title="Picker" to="/picker" is-link></mt-cell>
			<mt-cell title="Datetime picker" to="/datetimepicker" is-link></mt-cell>
			<mt-cell title="ActionSheet" to="/actionsheet" is-link></mt-cell>
		</div>
		<so-footer></so-footer>
	</div>
</template>
<script>
import soHeader from 'components/header'
import soFooter from 'components/footer'
export default {
	data(){
		return{
			title: '操作反馈'
		}
	},
	components: {
		soHeader,
		soFooter
	}
}
</script>